<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!-- header头部 -->
    <div class="header">
        <div class="header-c">
            <div class="logo"></div>
            <ul class="navbar">
                <li class="menu-list active">
                    <a href="index.html">首页</a><span class="line"></span>
                </li>
                <li class="menu-list">
                    <a href="especially.html">特别规划</a><span class="line"></span>
                </li>
                <li class="menu-list">
                    <a href="best.html">精品路线</a><span class="line"></span>
                </li>
                <li class="menu-list">
                    <a href="about.html">关于我们 </a><span class="line"></span>
                </li>
                <li class="menu-list">
                    <a href="contact.html">联系我们 </a><span class="line"></span>
                </li>
            </ul>
        </div>
    </div>
    <!-- 设置轮播图 -->
    <div class="slideshow">
        <ul class="dot">
            <li class="dot-item"></li>
            <li class="dot-item"></li>
            <li class="dot-item"></li>
        </ul>
    </div>
   
    <!-- 设置小标题 -->
    <div class="sub-title">
        <div class="ch">特别规划</div>
        <div class="en">ACTIVITY ROUTR</div>
        <div class="bgc"></div>

    </div>
     <!-- 设置特别规划 -->
    <div class="especially">
        <div class="especially-c">


                <div class="content">
                    <div class="esp-list">
                        <div class="img1">
                            <img src="img/index-esp.jpg" alt="">
                            <img class="border" src="img/especially-border.png" alt="">
                        </div>
                        <div class="desc1">
                            <p class="weight">苍山洱海旁，过一段慢时光</p>
                            <p class="light">云南风花雪月之旅 （6days）<br>洱海骑行    手作扎染    泸沽湖划船    草海    束河古镇    拉市海</p>
                        </div>
                    </div>
                    <div class="esp-list">   
                        <div class="desc1 right">
                            <p class="weight">苍近距离看“滚滚”花式卖萌</p>
                            <p class="light">成都City  Walk之旅 （6days）<br>熊猫基地    宽窄巷子    武侯祠    小酒馆    吃货天堂    锦里</p>
                        </div>
                        <div class="img1 right">
                            <img src="img/index-esp02.jpg" alt="">
                            <img class="border" src="img/especially-border.png" alt="">
                        </div>

                    </div> 
                    <div class="esp-list">  
                        <div class="img1">
                            <img src="img/index-esp03.jpg" alt="">
                            <img class="border" src="img/especially-border.png" alt="">
                        </div>
                        <div class="desc1">
                            <p class="weight">骑行青海湖，行摄纯净天空之境</p>
                            <p class="light">梦回大西北之旅 （6days）<br> 茶卡盐湖    U型天路     青海湖日出    魔鬼城    七彩丹霞    莫高窟</p>
                        </div>
                    </div> 
                    <div class="more"><a href="especially.html">more</a></div>   

                </div>
        </div>
    </div>
    
    <!-- 关于我们 about -->
    <div class="about">
        <div class="about-c">
            <div class="about-bgi"></div>
            <div class="sub-title">
                <div class="ch">关于我们</div>
                <div class="en">ABOUT US</div>
                <div class="bgc"></div>
            </div>
            <div class="desc">
                    <div class="desc-item">
                        <div class="title-l">
                            <span class="black">介绍</span> <br>
                            INTRODUCE
                        </div>
                        <span class="line"></span>
                        <div class="title-r">
                            新旅行概念社区，在这里，你可以收货来自世界各地的友谊，为您 <br>
                            提供省心、省钱、纯玩、有趣的路线随时带您出发看世界。 
                        </div>
                    </div>
                    <div class="desc-item">
                        <div class="title-l">
                            <span class="black">理念</span> <br>
                            CONCEPT
                        </div>
                        <span class="line"></span>
                        <div class="title-r">
                            每一寸土地都承载着一个城市厚重而亲切的灵魂。 <br>
                            About travel, about life, That's all. 
                        </div>
                    </div>
            </div>
        </div>
    </div>
    <!-- 设置精品路线的小标题 -->
    <div class="sub-title">
        <div class="ch">精品路线</div>
        <div class="en">CLASSICS ROUTR</div>
        <div class="bgc"></div>

    </div>
    <!-- 精品路线 -->
    <div class="best">
        <div class="best-c">
              <div class="best-text">
                  <p class="intro">京都岚山深度一日游</p>
                  <p class="text">寻找我们的风花雪月</p>
              </div>
              <div class="best-text img">
                  <img src="img/index-way01.jpg" alt="">
                  <div class="block"></div>
              </div>
              <div class="best-text">
                <p class="intro">西北精环线自驾游</p>
                <p class="text">圆一场北方的梦</p>
            </div>
            <div class="best-text img">
                <img src="img/index-way02.jpg" alt="">
                <div class="block"></div>
            </div>
            <div class="best-text">
                <p class="intro">东极岛三日游</p>
                <p class="text">后青春时代的海岛记忆</p>
            </div>
            <div class="best-text img">
                <img src="img/index-way03.jpg" alt="">
                <div class="block"></div>
            </div>

        </div>
        <div class="more"><a href="best.html">more</a></div> 
    </div>
    <!-- 定制团体游  -->
    <div class="tour">
        <div class="tour-c">
            <div class="team">
                <div class="team-main active">定制团体游</div>
                <p class="team-desc">独立成团&nbsp;&nbsp; 专属定制</p>
                <p class="team-desc-b">简单几步，定制您的私人旅行</p>
                <span class="line"></span>
            </div>
            <div class="team solo">
                <div class="team-main">领队自由行</div>
                <p class="team-desc">金牌领队&nbsp;&nbsp; 专业跟拍</p>
                <p class="team-desc-b">解锁陌生，升级地道旅游体验</p>
                <span class="line"></span> 
            </div>
        </div>
    </div>


    <!-- foot根脚 -->
    <div class="foot" style="height: 581px;overflow: hidden;">
        <div class="sub-title">
            <div class="ch">精品路线</div>
            <div class="en">CLASSICS ROUTR</div>
            <div class="bgc"></div>
    
        </div>
        <div class="foot-c">
            <dl class="foot-c-l">
                <dt>慢旅Slow Travle工作室 </dt>
                <dd>地点：中国河南省郑州市绿地新都汇</dd>
                <dd>邮编：1000000</dd> 
                <dd>电话：0392-23656504</dd>
                <dd>邮箱：manlv@qq.com</dd>
                <dd><img src="img/qq.png" alt=""> <img class="wx" src="img/wx.png" alt=""><img src="img/wb.png" alt=""></dd>
                <dd>COPYRIGHT (©) 2018 mo004_2551 - 生活方式旅游类网站.</dd>
            </dl>
            <div class="foot-c-r">
                <ul class="submit">
                    <li class="submit-item">
                        <p class="title">姓名</p>
                        <span class="line"></span>
                    </li>
                    <li class="submit-item">
                        <p class="title">邮箱</p>
                        <span class="line"></span>
                    </li>
                    <li class="submit-item mr0">
                        <p class="title">电话</p>
                        <span class="line"></span>
                    </li>
                    <li class="submit-item last">
                        <p class="title">内容</p>
                        <span class="line"></span>
                    </li>
                    <li class="submit-item">
                        <div class="button">提交</div>
                    </li>
                </ul>
                
            </div>
        </div>
    </div>
</body>
</html>